<template>
    <div class="box1">
        <h1>静态绑定</h1>
        <p>子组件的来源是父组件</p>
        <h2>数字：{{ props.count }}</h2>
        <h2>字符串：{{ props.str }}</h2>
    </div>
</template>

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
    count: Number,
    str: String
});
</script>

<style>
.box1 {
    width: 100%;
    height: 100%;
    background-color:aqua;
    border: red solid 1px;
}
</style>    